import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

/* 判断：如果localStorage.city没有任何数据，表示用户第一次使用，默认显示北京 */
if(!localStorage.city){
  var defaultCity='北京'
}else{
  //反之，用户已经多次使用，直接使用localStorage.city的值
  var defaultCity=localStorage.city
}

const state={
  //声明一个城市属性
  city:defaultCity
}
const mutations={
  //获取点击事件的参数cityName
  changeCity(state , cName){
    //将从点击事件获取的cName值赋值给 state的属性city，目的替换已经被调用city的城市值
    state.city=cName;
    //将cName的值传到local storage
    localStorage.city=cName;
  }
}
const actions ={}
const modules={}

export default new Vuex.Store({
  state,
  mutations,
})
